<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="icon" href="/static/logistics/img/fav-icon.png" type="image/x-icon" />
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<title>Home</title>

	</head>

	<body>
		<!--================Header Area =================-->
		<header class="main_header_area">
			<div class="header_top">
				<div class="container">
					<div class="pull-left">
						<a href="index.html"><img src="/static/logistics/img/logo.png" alt=""></a>
					</div>
					<div class="pull-right">
						<div class="header_c_text">
							<h5>联系电话</h5>
							<h4>1-888-777-990</h4>
						</div>
						<div class="header_c_text">
							<h5>工作时间</h5>
							<h4>星期一到星期五 十点至五点</h4>
						</div>
						<div class="header_c_text">
							<h5>联系邮箱</h5>
							<h4>hello@logistics.com</h4>
						</div>
						<div class="header_c_text">

							<a class="quote_btn" href="/toLogin" th:if="${session.CUSTOMER} == null">登录/注册</a>
							<div th:if="${session.CUSTOMER} != null" >
								<span style="color: red;" th:text="'欢迎您：'+${session.CUSTOMER.name}"></span>
								<span style="margin-left: 30px;"><a href="/logistics/home">个人中心></a></span>
							</div>


						</div>
					</div>
				</div>
			</div>
			<div class="main_menu_area">
				<nav class="navbar navbar-default">
					<div class="container">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								</button>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li><a href="index.html">首页</a></li>
								<li><a href="about.html">关于我们</a></li>
								<li><a href="contact.html">联系</a></li>
							</ul>
							<ul class="nav navbar-nav navbar-right">
								<li>
									<div class="input-group">
										<input type="text" class="form-control" placeholder="Search here...">
										<span class="input-group-btn">
												<button class="btn btn-default" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
											</span>
									</div>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
					</div>
					<!-- /.container -->
				</nav>
			</div>
		</header>
		<!--================End Header Area =================-->
	</body>

</html>
